// 导入：类型、接口、模块、组件、样式
import { Component, ReactElement } from "react";

import "./styled.scss";

interface Props {
  title: string;
  left?: ReactElement;
  right?: ReactElement;
}
class Index extends Component<Props> {
  render() {
    const { title, left, right } = this.props;
    return (
      <div className="qfNavBar">
        <div className="city">{left}</div>
        <div className="title">{title}</div>
        <div className="right">{right}</div>
      </div>
    );
  }
}
export default Index;
